import { memo } from 'react'
import { Tabs } from 'antd'
import { AppstoreOutlined, BarsOutlined } from '@ant-design/icons'
import ComponentLib from './ComponentLib'
import Layer from './Layer'

const LeftPanel = memo(() => {
  const tabItems = [
    {
      key: 'componentLib',
      label: '组件库',
      children: <ComponentLib />,
      icon: <AppstoreOutlined />,
    },
    {
      key: 'layers',
      label: '图层',
      children: <Layer />,
      icon: <BarsOutlined />,
    },
  ]
  return <Tabs items={tabItems} />
})

export default LeftPanel
